<include file="Public/header" title="{$name}" keywords="{$seo_keywords}" description="{$seo_description}" />

	<!-- bootstrap-star-rating
	<link rel="stylesheet" href="__TMPL__Public/assets/plugins/bootstrap-star-rating/css/star-rating.min.css" />
	<script src="__TMPL__Public/assets/plugins/bootstrap-star-rating/js/star-rating.min.js"></script> -->

	<!-- MAIN -->
	<main class="content-wrapper page-book-list">
		<if condition="empty($pic)">
		<section class="x-relative bg-img" style="background-color:{$ext_info};">
		<else />
		<section class="x-relative bg-img" style="background-color:{$ext_info};background-image:url(__ROOT__/{$pic});">
		</if>
			<div class="x-row">
				<div class="x-col-12-12 bg-txt">
					<!-- <h1>{$name}</h1> -->
					<p>{$description}</p>
				</div>
			</div>
			<!-- <div style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:{$ext_info};"></div> -->
		</section>
		
		<section class="x-box bg-transparent x-m-t-n80">
			<div class="x-box-body">
				<!-- x-plain-list -->
				<ul class="x-row x-plain-list with-item-padding">
					<content id="vo" table-name="book" where="$where" order="id desc" with-page="true" page-size="10" page-tpl="{first}{prev}{next}{last}" page-setting-mode="1">
               		<li class="x-col-12-12">
	               		<div class="x-row x-item">
							<a href="{:U('Wechat/Index/show')}?id={$vo.id}" class="x-col-4-12 x-thumb">
				            	<if condition="empty($vo['thumb'])"> 
								<img src="__TMPL__Public/assets/images/s1.jpg" class="" alt="{$vo.name}" />
								<else />
								<img src="__ROOT__/{$vo.thumb}" class="" alt="{$vo.name}" />
								</if>
							</a>
               				<a href="{:U('Wechat/Index/show')}?id={$vo.id}" class="x-col-8-12 x-info">
								<span class="x-info-title text-ellipsis">{$vo.name|msubstr=0,15}</span>
								<span class="x-info-summary">{$vo.summary|msubstr=0,30}</span>
								<span class="x-info-summary">共 {$vo.code_count} 期</span>
								<span class="x-info-bottom x-info-right">{$vo.start_date|strtotime|date='m-d',###} ~ {$vo.end_date|strtotime|date='m-d',###}</span>
								<span class="x-info-bottom text-orange">¥{$vo.min_price} ~ ¥{$vo.max_price}</span>
							</a>
							<!-- <span class="x-icon">
								<img src="../static/img/vip.png" class="img-responsive" alt="">
							</span> -->
               			</div>
               		</li>
					</content>
				</ul>
				<div class="paginator text-center">
					<ul class="pagination">
						{$pagination}
					</ul>
				</div>
			</div>
		</section>
	</main>
	<!-- /MAIN -->

<script type="text/javascript">
(function() {
	// initialize star-rating
//	$("#score").rating();
})();
</script>

<include file="Public/footer" />
